<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
  <!--

   1、这是一个什么框架，能干什么
   （1）bootstrap是一个搭建响应式布局的框架，跨平台
   （2）里面的原理：媒体查询+百分比布局+弹性盒
   （3）通过媒体查询判断页面布局的大小，从而实现跨平台，
      底层在封装css的时候，运用了less跟sass框架实现
      css的优化
   （4）bootstrap版本的区别
            bootstrap2.0实现可视化布局，还没有完全实现跨平台
            bootstrap3.0实现了跨平台，并且向移动端靠拢，但是特别小的屏幕仍存在局限性
            最新版本bootstrap4.0，实现了移动端布局，但是还没有推广开
   2、框架封装的是js还是css
        bootstrap既封装了js也封装了css，但是里面封装的最精华的部分是css
   3、框架的特点
   （1）栅格布局，实现了响应式
   （2）封装了很多css的组件，帮助我们搭建布局
   （3）通过自定义属性实现了js的高级调用，也就是通过属性调用js，不用写一行js代码
     典型的代表：js的插件
   4、这个框架跟其他类型框架的一个比较？？？？

  -->
</body>
</html>